<template>
  <div class="contain">
    <el-row>
      <el-col :span="24">
        <img src="@/assets/1.png" style="width: 100%;height:650px" />      
<span style="position: absolute; top: 250px; left: 500px; font-size: 50px; color:#bfbfbf">Welcome to SunAction...</span>
<span style="position: absolute; top: 320px; left: 575px; font-size: 50px; color:#bfbfbf">关爱老人 从心开始</span>
        <p style="text-align: center; margin-top: 5px">
          <span class="a">SunAction公益框架六库傈僳服务团队</span>
        </p>
        <p style="text-align: center">
          <span class="b"
            >那个曾经牵着你一起奔跑的人，那个默默陪伴你成长，渐渐已经追赶不上你的脚步，他忘记了一切，但从未忘记爱你！</span
          >
        </p>
        <p style="text-align: center">
          <span class="c">了解我们</span>
        </p>
      </el-col>
    </el-row>
    <el-row style="left:100px;top:0px;">
      <el-col :span="8">
        <img src="@/assets/2.jpg" style="width: 20rem; height: 20rem" />
      </el-col>
      <el-col :span="8">
        <img src="@/assets/3.jpg" style="width: 20rem; height: 20rem" />
      </el-col>
       <el-col :span="8">
        <img src="@/assets/老人1.jpg" style="width: 20rem; height: 20rem" />
      </el-col>
    </el-row>
    <el-row style="left:100px;top:1px;">
      <el-col :span="8">
        <img src="@/assets/4.jpg" style="width: 20rem; height: 20rem" />
      </el-col>
      <el-col :span="8">
        <img src="@/assets/5.jpg" style="width: 20rem; height: 20rem" />
      </el-col>
      <el-col :span="8">
        <img src="@/assets/6.jpg" style="width: 20rem; height: 20rem" />
      </el-col>
    </el-row>
    <p style="text-align: center; margin-top: 5px">
      <span class="d">我们一起播下幸福的种子！</span>
    </p>
    <p style="text-align: center">
      <span class="e"><router-link to="/login">登录查看更多</router-link></span>
    </p>
    <el-row>
      <el-col class="body">
        <p style="margin-top: 15px">
          <span>六库傈僳项目团队</span>
          <span style="position: absolute;left:1400px">友情链接</span>
        </p>
        <p>
          <span>云南省昆明市呈贡区</span>
           <span style="position: absolute;left:1380px">某某医疗保健用品</span>
        </p>
        <p>
          <span>垂询电话:15188194685</span>
           <span style="position: absolute;left:1380px">某某老人护理机构</span>
        </p>
        <p>
          <span>MAIL：2998117895@qq.com</span>
           <span style="position: absolute;left:1380px">某某赞助产品公司</span>
        </p>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.contain{
  background-color: #fcf8f8;
}
.body {
  height: 50%;
  width: 100%;
  font-size: 10px;
  background-color:#8c8c8c;
}
.a {
  font-size: 15px;
  color: rgb(15, 15, 15);
}
.b {
  font-size: 15px;
  color: black;
}
.c {
  font-size: 15px;
  color: rgb(15, 15, 15);
}
.d {
  font-size: 15px;
  color: rgb(15, 15, 15);
}
.e {
  font-size: 15px;
  color: rgb(15, 15, 15);
}
</style>